<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>资料设置</title>
    <link rel="stylesheet" href="../../../../../../zcpt_web_center/src/main/webapp/css/style.css">
    <link rel="stylesheet" href="../../../../../../zcpt_web_center/src/main/webapp/css/top.css">
</head>
<script src="../../../../../../zcpt_web_center/src/main/webapp/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
    $(function () {
        $.get("/portal/username.do",function (data) {
            let username = data.username;
            alert(username)
            console.log(username);
            if(username){
                $("#registerSpan").before("<span>" + username + "<a href='/logout/cas'>退出登录|&nbsp;</a></span>")
            }else {
                $("#registerSpan").before("<span><a href='/login.html'>登录</a></span>")
            }
        })
    })
</script>
<body>
<!--顶部导航-->
<div class="headr">
    <div class="top-box">
        <div>
            <div class="l">
                &nbsp;&nbsp;&nbsp;创点新意
            </div>

            <div class="c">
                <a href="#" >搜索</a>&nbsp;|&nbsp;&nbsp;
            </div>

            <div class="rt">
                <input type="text" placeholder="请输入搜索内容" class="search">
            </div>

            <div class="rl">
                <a href="../../../../../../zcpt_web_center/src/main/webapp/myHome.html">我的众筹(<span>3</span>)</a>&nbsp;|&nbsp;&nbsp;
                <a id="registerSpan" href="register.html">免费注册</a>
            </div>
        </div>
    </div>
</div>


<div class="container">
    <div class="tab cl">
        <div class="item active">资料设置</div>
        <div class="item">收货地址设置</div>
        <div class="item">实名认证</div>
    </div>
    <div class="tabcont">
        <div class="tab1">
            <p class="desc"完善个人资料是让别人认识你的第>一步</p>
            <div class="block">
                <p class="title">基本信息</p>
                <div class="list">
                    <div class="item cl">
                        <div class="lf"><span>*</span>昵称</div>
                        <div class="rt"><input type="text" placeholder="请输入您的昵称" class="name"></div>
                    </div>
                    <div class="item cl">
                        <div class="lf">头像</div>
                        <div class="rt">
                            <div class="tx fl"><img src="images/tx.jpeg" alt=""></div>
                            <div class="sm fl">
                                <p>支持jpg、git、png格式的图片，建议文件小于20兆</p>
                                <input type="file">
                            </div>
                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf">性别</div>
                        <div class="rt">
                            <div class="radio">
                                <input type="radio" name="sex">
<!--                                <label for=""></label>-->
                                <span>男</span>
                            </div>
                            <div class="radio">
                                <input type="radio" name="sex">
<!--                                <label for=""></label>-->
                                <span>女</span>
                            </div>
                            <div class="radio">
                                <input type="radio" name="sex">
<!--                                <label for=""></label>-->
                                <span>保密</span>
                            </div>
                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf">个人介绍</div>
                        <div class="rt">
                            <textarea name="" placeholder="用一句话介绍你自己，会在您的个人页面显示，最多输入80字"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!-- e=block -->

            <div class="block">
                <p class="title">联系信息</p>
                <div class="list">
                    <div class="item cl">
                        <div class="lf">真实姓名</div>
                        <div class="rt">
                            <input type="text" placeholder="请输入您的昵称" class="name">
                            <p class="desc">用于高等教育课程证书登记，不会以任何形式向第三方透露</p>
                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf"><span>*</span>常用邮箱</div>
                        <div class="rt">
                            <p>179999999@qq.com <span class="edtEmail">修改邮箱</span></p>
                            <p class="desc">
                            <div class="radio">
                                <input type="checkbox" checked>
<!--                                <label for=""></label>-->
                                <span style="color: #999;"> 用于接收教育平台和课程的邮件通知，非常重要</span>
                            </div>

                            </p>

                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf"><span>*</span>手机号</div>
                        <div class="rt">
                            <input type="text" placeholder="请输入电话号码" class="phonenumber">
                            <button class="sbtn">添加</button>
                            <p class="desc">用于优质课程的学习视频等服务，手机号不会对外公开，请放心</p>
                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf">QQ号码</div>
                        <div class="rt">
                            <input type="text" placeholder="请输入QQ号码">
                            <p class="desc">用于课程的高效交流，方便机构教师答疑解惑</p>
                        </div>
                    </div>
                    <div class="item cl">
                        <div class="lf"> &nbsp;</div>
                        <div class="rt">
                            <button class="btn">保存</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>

</html>